<template>
    <h4 class="text-center">用户管理</h4>

    <table border style="width: 100%;">
        <thead>
            <tr>
                <td>编号</td>
                <td>姓名</td>
                <td>等级</td>
                <td>操作</td>
            </tr>
        </thead>
        <tbody>
            <tr v-for="(item,i) in userlist" :key="item.id">
                <td>{{ item.id }}</td>
                <td>{{ item.name }}</td>
                <td>{{ item.level }}</td>
                <td><router-link :to="'/home/users/' + item.id">详情</router-link>></td>
            </tr>
        </tbody>
    </table>
</template>
<script setup>
    const userlist = [
        {id:'1',name:'小明',level:'一级客户'},
        {id:'2',name:'小红',level:'二级客户'},
        {id:'3',name:'小兰',level:'三级客户'},
        {id:'4',name:'小芳',level:'四级客户'}
    ]
</script>